<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<link rel="stylesheet" href="./css/index.css" />
		<link rel="stylesheet" href="./css/swiper-bundle.min.css">
		<link rel="stylesheet" href="./css/common.css">
		<link rel="stylesheet" href="./css/details.css">
		<meta http-equiv="X-UA-Compatible" content="IE=edge" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<title>Document</title>
		<script src="js/details.js"></script>
	</head>
	<body>
		<header>
			<div id="top-nav" class="topnav">
				<ul>
					<li><a href="login.html">请先登录</a></li>
					<li class="space"></li>
					<!-- 小竖线 -->
					<li><a href="signin.html">免费注册</a></li>
					<li class="space"></li>
					<!-- 小竖线 -->
					<li><a href="#">我的订单</a></li>
					<li class="space"></li>
					<!-- 小竖线 -->
					<li><a href="#">会员中心</a></li>
					<li class="space"></li>
					<!-- 小竖线 -->
					<li><a href="#">帮助中心</a></li>
					<li class="space"></li>
					<!-- 小竖线 -->
					<li><a href="#">关于我们</a></li>
					<li class="space"></li>
					<!-- 小竖线 -->
					<li>
						<a href="#">
							<i></i>
							手机版
						</a>
					</li>
				</ul>
			</div>

			<!-- 导航栏 start -->
			<div class="navbar">
				<div class="container">
					<a href="#" class="logo"></a>
					<div class="nav_title">
						<ul>
							<li> <a href="index.html">首页</a>
							</li>
							<li><a href="jujia.html">居家</a>
								<div class="hidden" id="hidden">
									<div class="hidden-item">
										<a href="">
											<img src="./images/hidden-01.png" alt="">
											<p>茶咖酒具</p>
										</a>
										<a href="">
											<img src="./images/hidden-02.png" alt="">
											<p>水具杯壶</p>
										</a>
										<a href="">
											<img src="./images/hidden-03.png" alt="">
											<p>宠物食品</p>
										</a>
										<a href="">
											<img src="./images/hidden-04.png" alt="">
											<p>宠物用品</p>
										</a>
										<a href=""><img src="./images/hidden-06.png" alt="">
											<p>床上用品</p>
										</a>
										<a href=""><img src="./images/hidden-07.png" alt="">
											<p>家具摆设</p>
										</a>
									</div>
								</div>
							</li>
							<li><a href="meishi.html">美食</a>
								<div class="hidden" id="hidden">
									<div class="hidden-item">
										<a href="">
											<img src="./images/meishi-01.png" alt="">
											<p>饮料饮品</p>
										</a>
										<a href="">
											<img src="./images/meishi-02.png" alt="">
											<p>水产海鲜</p>
										</a>
										<a href="">
											<img src="./images/meishi-03.png" alt="">
											<p>全球美食</p>
										</a>
										<a href="">
											<img src="./images/meishi-04.png" alt="">
											<p>坚果零食</p>
										</a>
										<a href="">
											<img src="./images/meishi-05.png" alt="">
											<p>新鲜蔬菜</p>
										</a>
										<a href="">
											<img src="./images/meishi-06.png" alt="">
											<p>牛油果</p>
										</a>
										<a href="">
											<img src="./images/meishi-07.png" alt="">
											<p>奶油草莓</p>
										</a>
									</div>
								</div>
							</li>
							<li><a href="fushi.html">服饰</a>
								<div class="hidden" id="hidden">
									<div class="hidden-item">
										<a href="">
											<img src="./images/fushi-01.jpg" alt="">
											<p>加绒卫衣</p>
										</a>
										<a href="">
											<img src="./images/fushi-02.jpg" alt="">
											<p>百搭包配</p>
										</a>
										<a href="">
											<img src="./images/fushi-03.jpg" alt="">
											<p>针织半裙</p>
										</a>
										<a href="">
											<img src="./images/fushi-04.jpg" alt="">
											<p>毛呢大衣</p>
										</a>
										<a href="">
											<img src="./images/fushi-05.jpg" alt="">
											<p>潮流饰品</p>
										</a>
										<a href="">
											<img src="./images/fushi-06.jpg" alt="">
											<p>潮流服饰</p>
										</a>
										<a href="">
											<img src="./images/fushi-07.jpg" alt="">
											<p>精品鞋靴</p>
										</a>
									</div>
								</div>
							</li>
							<li><a href="muying.html">母婴</a>
								<div class="hidden" id="hidden">
									<div class="hidden-item">
										<a href="">
											<img src="./images/muying-01.jpg" alt="">
											<p>T恤/衬衫</p>
										</a>
										<a href="">
											<img src="./images/muying-02.jpg" alt="">
											<p>卫衣/毛衫</p>
										</a>
										<a href="">
											<img src="./images/muying-03.jpg" alt="">
											<p>外套/套装</p>
										</a>
										<a href="">
											<img src="./images/muying-04.jpg" alt="">
											<p>连体衣/礼盒</p>
										</a>
										<a href="">
											<img src="./images/muying-05.jpg" alt="">
											<p>日用品/食品</p>
										</a>
										<a href="">
											<img src="./images/muying-06.jpg" alt="">
											<p>床上用品/书籍</p>
										</a>
										<a href="">
											<img src="./images/muying-07.jpg" alt="">
											<p>洗护/车床</p>
										</a>
									</div>
								</div>
							</li>
							<li><a href="gehu.html">个护</a>
								<div class="hidden" id="hidden">
									<div class="hidden-item">
										<a href="">
											<img src="./images/gehu-01.jpg" alt="">
											<p>家庭清洁</p>
										</a>
										<a href="">
											<img src="./images/gehu-02.jpg" alt="">
											<p>浴室用品</p>
										</a>
										<a href="">
											<img src="./images/gehu-03.jpg" alt="">
											<p>餐厨清洁</p>
										</a>
										<a href="">
											<img src="./images/gehu-04.jpg" alt="">
											<p>毛巾浴巾</p>
										</a>
										<a href="">
											<img src="./images/gehu-05.jpg" alt="">
											<p>护肤产品</p>
										</a>
										<a href="">
											<img src="./images/gehu-06.jpg" alt="">
											<p>美妆产品</p>
										</a>
										<a href="">
											<img src="./images/gehu-07.jpg" alt="">
											<p>家居电器</p>
										</a>
									</div>
								</div>
							</li>
							<li><a href="yanxuan.html">严选</a>
								<div class="hidden" id="hidden">
									<div class="hidden-item">
										<a href="">
											<img src="./images/yanxuan-1.jpg" alt="">
											<p>卫浴用品</p>
										</a>
										<a href="">
											<img src="./images/yanxuan-2.jpg" alt="">
											<p>高级珠宝</p>
										</a>
										<a href="">
											<img src="./images/yanxuan-3.jpg" alt="">
											<p>时尚搭配</p>
										</a>
										<a href="">
											<img src="./images/yanxuan-4.jpg" alt="">
											<p>数码电器</p>
										</a>
									</div>
								</div>
							</li>
							<li><a href="shuma.html">数码</a>
								<div class="hidden" id="hidden">
									<div class="hidden-item">
										<a href="">
											<img src="./images/shuma-01.jpg" alt="">
											<p>影音娱乐</p>
										</a>
										<a href="">
											<img src="./images/shuma-02.jpg" alt="">
											<p>乐器</p>
										</a>
										<a href="">
											<img src="./images/shuma-03.jpg" alt="">
											<p>车载用品</p>
										</a>
										<a href="">
											<img src="./images/shuma-04.jpg" alt="">
											<p>办公文具</p>
										</a>
									</div>
								</div>
							</li>
							<li><a href="yundong.html">运动</a>
								<div class="hidden" id="hidden">
									<div class="hidden-item">
										<a href="">
											<img src="./images/2b1edfa6d05445de684b7df854895c0b.png" alt="">
											<p>登机箱</p>
										</a>
										<a href="">
											<img src="./images/cd44477ca9614ed81ffb58c5cacdab26.png" alt="">
											<p>托运箱</p>
										</a>
										<a href="">
											<img src="./images/141625f78404b8c81e431084a139b836.png" alt="">
											<p>出行配件</p>
										</a>
										<a href="">
											<img src="./images/c6ff77bbb7d0f39622da300f6f5f5442.png" alt="">
											<p>户外运动鞋</p>
										</a>
									</div>
								</div>
							</li>
							<li><a href="zaxiang.html">杂项</a>
								<div class="hidden" id="hidden">
									<div class="hidden-item">
										<a href="">
											<img src="./images/da0ac345e98c04594b697b56ebc373a5.png" alt="">
											<p>乐器杂项</p>
										</a>

									</div>
								</div>

							</li>
						</ul>
					</div>
					<div class="search">
						<div class="search_container">
							<i></i>
							<input type="text" placeholder="搜一搜" />
						</div>
					</div>
					<div class="cart">
						<a href="#" class="curr"><i></i></a>
					</div>
				</div>
			</div>
			<script src="./js/index.js"></script>
			<script src="./js/jquery-1.11.1.min.js"></script>
		</header>

		<div class="box">
        <div class="spec">
			<div class="p.g_name">
			<h2>恒敏秋冬季圆领加绒卫衣男宽松百搭休闲长袖衣服男潮流港风学生外套</h2>
			</div>
			<div class="g_desc">
			<p>由恒敏男装旗舰店发货, 并提供售后服务</p>
			</div>
			<div class="g_price">
				<p>￥34</p>
			</div>
			<div class="g_service">
				<div class="dl">
					<div class="dt">
						<p>促销</p>
						<div class="dd">
							<p>12月好物放送，APP购买降价5元</p>
						</div>
					</div>
				</div>
				<div class="dl">
					<div class="dt">
						<p>配送</p>
						<div class="dd">
							<p>至甘肃省兰州市城关区兰州文理学院</p>
						</div>
					</div>
				</div>
				<div class="dl">
					<div class="dt">
						<p>服务</p>
						<div class="dd">
							<p>无忧退货 | 快速退款 | 免费包邮</p>
						</div>
					</div>
				</div>
			</div>
	   <div class="dingdan">
			 <span>规格</span>
			<span>XL</span> <span>XXL</span>
		 </div>
		 <div class="dingdan">
			<span>数量</span>
		 <span>-</span><span>1</span><span>+</span>
		</div>
		<div class="dingdan">
			<button>加入购物车</button>
		</div>
		</div>
			<div class="xtx-bread">
				<a href="index.html">首页></a>
				<a href="fushi.html">服饰></a>
				<a>加绒卫衣></a>
				<a>圆领加绒卫衣男宽松百搭休闲</a>
			</div>
			<div class="media">
				<div class="preview_img">
					<img src="images/d-05.jpg" height="400px" width="400px">
					<div class="mask"></div>
					<div class="big">
						<img src="images/d-08.jpg" alt="" align="left" class="bigImg" width="700px" height="700px">
					</div>
				</div>

				<div class="box1">
					<img src="images/d-01.jpg">
				</div>
				<div class="box1">
					<img src="images/d-02.jpg">
				</div>
				<div class="box1">
					<img src="images/d-03.jpg" >
				</div>
				<div class="box1">
					<img src="images/d-04.jpg" >
				</div>
				<div class="box1">
					<img src="images/d-05.jpg" >
				</div>
				<div style="clear: both;"></div>
			</div>
			<div class="header">
				<h2>同类商品推荐</h2>
			</div>
			<div class="slider">
				<div class="box2">
						<img src="images/d-19.jpg">
						<div class="box3">
							<p>儿童四件套纯棉全棉床单</p>
						</div>
						<div class="box4">
							<p>￥599.00</p>
						</div>
					</div>
				<div class="box2">
						<img src="images/d-20.jpg">
						<div class="box3">
							<p>OlarHike按摩羊驼</p>
						</div>
						<div class="box4">
							<p>￥379.00</p>
						</div>
					</div>
				<div class="box2">
						<img src="images/d-21.jpg">
						<div class="box3">
							<p>千鸟格毛呢半身裙女</p>
						</div>
						<div class="box4">
							<p>￥67.00</p>
						</div>
					</div>
				<div class="box2">
						<img src="images/d-22.jpg">
						<div class="box3">
							<p>优萌婴儿纱布浴巾初生纯棉</p>
						</div>
						<div class="box4">
							<p>￥39.00</p>
						</div>
					</div>
			</div>
			<div class="nav">
				<p>商品详情</p>
			</div>
			<div class="goods-detail">
				<img src="images/d-06.jpg">
				<img src="images/d-07.jpg">
				<img src="images/d-08.jpg">
				<img src="images/d-09.jpg">
				<img src="images/d-10.jpg">
				<img src="images/d-11.jpg">
				<img src="images/d-12.jpg">
			</div>
			<div class="goods-hot">
				<div class="goods-xuan">
					<img src="images/d-13.jpg">
					<div class="name-ellipsis">
						<P>艾漫登棉服衣外套男ins冬季</P>
					</div>
					<div class="descs-ellipsis">
						<p>学生工装棉服韩版</p>
					</div>
					<div class="pricex">
						<p>￥128.00</p>
					</div>
				</div>
				<hr>
				<div class="goods-xuan">
					<img src="images/d-14.jpg">
					<div class="name-ellipsis">
						<P>COSSTOT轻奢品牌高端女装</P>
					</div>
					<div class="descs-ellipsis">
						<p>重磅真丝衬衫女</p>
					</div>
					<div class="pricex">
						<p>￥599.00</p>
					</div>
				</div>
				<hr>
				<div class="goods-xuan">
					<img src="images/d-15.jpg">
					<div class="name-ellipsis">
						<P>VISREA夏季新款九分裤</P>
					</div>
					<div class="descs-ellipsis">
						<p>宽松百搭牛仔背带裤</p>
					</div>
					<div class="pricex">
						<p>￥33.04</p>
					</div>
				</div>
				<hr>
				<div class="orange">
					<p>热销榜</p>
				</div>
				<div class="goods-xuan">
					<img src="images/d-16.jpg">
					<div class="name-ellipsis">
						<P>好莉娅童装女童套装秋冬装</P>
					</div>
					<div class="descs-ellipsis">
						<p>儿童网红衣服洋气</p>
					</div>
					<div class="pricex">
						<p>￥138.00</p>
					</div>
				</div>
				<hr>
				<div class="goods-xuan">
					<img src="images/d-17.jpg">
					<div class="name-ellipsis">
						<P>施华洛世奇 渐变大天鹅</P>
					</div>
					<div class="descs-ellipsis">
						<p>锁骨链+圣诞礼物</p>
					</div>
					<div class="pricex">
						<p>￥899.00</p>
					</div>
				</div>
				<hr>
				<div class="goods-xuan">
					<img src="images/d-18.jpg">
					<div class="name-ellipsis">
						<P>印象玫瑰 网红小包包</P>
					</div>
					<div class="descs-ellipsis">
						<p>小清新斜挎百搭ins</p>
					</div>
					<div class="pricex">
						<p>￥36.85</p>
					</div>
				</div>
			</div>
			<div class="goods-warn">
				<h2>注意事项</h2>
				<hr>
				<ol>
					<li>
						<div class="tit1">
							<p>购买费用如何收取？</p>
						</div>
						<ul>
							<li>
								<div class="tit2">
									<p>单笔订单金额(不含运费)满88元免邮费；不满88元，每单收取10元运费。</p>
								</div>
							</li>
						</ul>
					</li>
					<li>
						<div class="tit1">
							<p>使用什么快递发货？</p>
						</div>
						<ul>
							<li>
								<div class="tit2">
									<p>默认使用顺丰快递(个别商品使用其他快递)</p>
								</div>
							</li>
							<li>
								<div class="tit2">
									<p>配送范围覆盖全国大部分地区(港澳台除外)</p>
								</div>
							</li>
						</ul>
					</li>
					<li>
						<div class="tit1">
							<p>如何申请退货？</p>
						</div>
						<ol>
							<li>
								<div class="tit2">
									<p>自收到商品之日起30日内，顾客可以申请无忧退货，退款将原路返回，不同银行处理时间不同，预计1~5个工作日到账；</p>
								</div>
							</li>
							<li>
								<div class="tit2">
									<p>内裤和食品等特殊商品五质量问题不支持退换货；</p>
								</div>
							</li>
							<li>
								<div class="tit2">
									<p>退货流程：确认收货-申请退货-客服审核通过-用户寄回商品-仓库签收验货-退款审核-退款完成；</p>
								</div>
							</li>
							<li>
								<div class="tit2">
									<p>因小兔鲜儿产生的退货，如质量问题，退货费用由小兔鲜儿承担。因客户个人原因产生的退货，购买和寄回运费由客户个人承担。</p>
								</div>
							</li>
						</ol>
					</li>
				</ol>
			</div>

	</body>
</html>
